<template>
  <!-- 书籍详情页顶部导航栏 -->
  <div class="bookDetailsTop">
    <navigation>
      <router-link :to='this.$store.state.loginPath' slot="login" class="navbar-brand">{{this.$store.state.loginState}}</router-link>
      <router-link to='/home' slot="home" class="nav-link">首页</router-link>
      <router-link to='/userOnlineHistry' slot="history" class="nav-link">书库</router-link>
      <router-link to='/details' slot="details" class="nav-link">商城</router-link>

      <search-books slot="search" />
    </navigation>
  </div>
</template>

<script>
  import Navigation from 'components/Navigation/Navigation.vue'
  import SearchBooks from 'components/Navigation/SearchBooks'
  
  export default {
    name: 'BookDetailsTop',
    components: {
      Navigation,
      SearchBooks
    },
    data () {
      return {

      }
    }
  }

</script>

<style scoped>

</style>